<div  class="content-byc" ng-controller="imgTabCtrl">
    <div class="wrapper-md">
        <button class="btn btn-info pull-right" style="float: right" ng-click="goBack()" tabindex="0" ng-if="isBack">
            <i class="fa fa-reply"></i> 返回
        </button>
        <tabset class="tab-container">
            <tab  select="getData()" ng-controller="imgCtrl" active="isImg">
                <tab-heading class="tab-heading-style">
                    应用镜像
                </tab-heading>
                <div class="row panel pad-10">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">镜像名称：</label>
                                <input type="text" class="form-control" ng-model="searchByname" placeholder="请输入设备名称"/>
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table b-light m-b-xxs">
                                <thead class="table-header" >
                                <tr>
                                    <th width="40%" class="font-15 text-center">镜像名称</th>
                                    <!--<th width="20%" class="font-15 text-center">镜像标签</th>-->
                                    <th width="10%" class="font-15 text-center">所属应用个数</th>
                                    <th width="10%" class="font-15 text-center">所属容器个数</th>
                                    <th class="text-center td-operate font-15" width="20%">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="row in imgList" ng-if="!isImageData">
                                    <td width="40%" class="font-15 text-center text-overflow" style="max-width:108px;" ng-bind="row.imageName"></td>
                                    <!--<td width="20%" class="font-15 text-center text-overflow" style="max-width:214px;" ng-bind="row.imageTag"></td>-->
                                    <td width="10%" class="font-15 text-center text-overflow detail-href" style="max-width:161px;" ng-bind="row.belongApps.count" ng-click="showApp(row.belongApps.instanceCores)"></td>
                                    <td width="10%" class="font-15 text-center text-overflow detail-href" style="max-width:161px;" ng-bind="row.belongContainers.count" ng-click="showCon(row.belongContainers.instanceCores)"></td>
                                    <td width="20%" class="td-operate text-center">
                                        <button class="btn btn-success btn-sm" ng-click="load(row)">
                                            <i class="fa fa-pencil-square-o"></i>
                                            <span class="">导出</span>
                                        </button>
                                    </td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="6">暂无数据</td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6">
                                    <div class="paginationTables_info">共有<span ng-bind="totalCount"></span>条记录，每页显示<span
                                            ng-bind="param.rows"></span>条
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10"
                                                ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;"
                                                next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
            <tab  select="getData()" ng-controller="shopCtrl" active="isShop">
                <tab-heading class="tab-heading-style">
                    应用商店
                </tab-heading>
                <div class="row panel pad-10">
                    <div class="col-md-12 search-box m-b-md">
                        <div class="legend">查询条件</div>
                        <div class="search-content">
                            <div class="form-group">
                                <label class="control-label">镜像名称：</label>
                                <input type="text" class="form-control" ng-model="searchByHostname" placeholder="请输入设备名称"/>
                            </div>
                        </div>
                        <div class="search-btn">
                            <button class="btn btn-primary w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table b-light m-b-xxs">
                                <thead class="table-header" >
                                <tr>
                                    <th width="20%" class="font-15 text-center">镜像UID</th>
                                    <th width="10%" class="font-15 text-center">镜像状态</th>
                                    <th width="20%" class="font-15 text-center">镜像名称</th>
                                    <th width="10%" class="font-15 text-center">镜像标签</th>
                                    <th width="20%" class="font-15 text-center">所属应用</th>
                                    <th width="20%" class="font-15 text-center">创建时间</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr ng-repeat="row in shopList" ng-if="!isImageData">
                                    <td width="20%" class="font-15 text-center text-overflow detail-href" style="max-width:162px;"  ng-bind="row.name" ng-click="detail(row)"></td>
                                    <td width="10%" class="font-15 text-center text-overflow" style="max-width:108px;" ng-bind="row.name"></td>
                                    <td width="20%" class="font-15 text-center text-overflow" style="max-width:214px;" ng-bind="row.name"></td>
                                    <td width="10%" class="font-15 text-center text-overflow" style="max-width:214px;" ng-bind="row.name"></td>
                                    <td width="20%" class="font-15 text-center text-overflow detail-href" style="max-width:161px;" ng-bind="row.name" ng-click="goApp(row.id)"></td>
                                    <td width="20%" class="font-15 text-center text-overflow" style="max-width:161px;" ng-bind="row.name"></td>
                                </tr>
                                <tr ng-if="isImageData">
                                    <td class="td-nodata" colspan="6">暂无数据</td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="clearfix">
                                <div class="col-sm-6">
                                    <div class="paginationTables_info">共有<span ng-bind="totalCount"></span>条记录，每页显示<span
                                            ng-bind="param.rows"></span>条
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10"
                                                ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;"
                                                next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </tab>
        </tabset>
    </div>
</div>